window.onload = function (){
    let doms = document.querySelectorAll(".a");
    console.log(doms)

    // css 选择器方式的限制范围查询
    let doms2 = document.querySelectorAll("#div1 .a");
    console.log(doms2)

    let divDom = document.querySelector("#div1");
    // js 提供的DOM查询方法的调用前缀,可以是任意的DOM对象或文档
    // 调用对象方式的范围查找
    let doms3 = divDom.querySelectorAll(".a");
    console.log(doms3)

//    例如
//     - 查询页面中的所有div元素
//     - 查询这些div元素中包含 class=a 的元素
    let divs = document.querySelectorAll("div");
    console.log(divs)
    for (let dom of divs) {
        let adoms = dom.querySelectorAll(".a")
        console.log(adoms)
    }
}
